<template>
  <view class="dark header-container msg-bgcolor">
    <view class="title-active header-title"> 消息 </view>
    <view class="msg-chat-btn">
      <text>发起聊天</text>
    </view>
  </view>
</template>

<script>
  export default {
    name: "MsgHeader",
  };
</script>

<style>
  .title-active {
    color: #f0f0f0;
  }
  .msg-chat-btn {
    width: 80px;
    justify-self: flex-end;
    align-items: center;
    right: 2px;
    /* top: 14px; */
    /* position: absolute; */
  }
  .msg-bgcolor {
    background-color: #171827;
  }
</style>
